<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:c="http://java.sun.com/jstl/core"
  xmlns:ch="http://sourceforge.net/projects/jsf-comp"
  xmlns:fn="http://java.sun.com/jsp/jstl/functions"	
  xmlns:t="http://myfaces.apache.org/tomahawk"
  xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/template/pPrincipal.xhtml">
		<ui:define name="head">
			<title>Asesor 360</title>
		</ui:define>
		
		<ui:define name="titulopagina">
			<h:outputText value="CONSULTA DE CLIENTES DESBALANCEADOS" />
		</ui:define>
		
		<ui:define name="agregaIconoEjecutivos"/>
		<ui:define name="agregaIconoEmail"/>
		
		<ui:define name="bodyarea">
			<p:messages id="growl" showDetail="true" closable="true" />
			<f:event type="preRenderView" listener="#{clienteDesbalanceadoController.onPageLoad}"/>
			
			<h:panelGrid id="idContentMain" width="100%">
				<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" id="idCriterioBusq"
					cellpadding="5" styleClass="bordePanel" columns="1" width="99%" style="margin-bottom:5px">
					<f:facet name="header">
						<h:outputText value="Criterio de Búsqueda" />
					</f:facet>
					<h:panelGrid columns="3">	
						<h:outputText value="Asesor :" style="align-text:right" styleClass="texto" />
						<p:selectOneMenu value="#{clienteDesbalanceadoController.clienteDesbalanceadoModel.codigoAsesor}">
							<f:selectItems value="#{comboModel.listaAsesores}"/>
						</p:selectOneMenu>
						<p:commandButton icon="ui-icon-search" value="Buscar" id="btnBuscar" 
										 actionListener="#{clienteDesbalanceadoController.buscar}"
										 update=":formPrincipal:growl,:formPrincipal:idtablaClientesDesbalanceado" />
					</h:panelGrid>
				</h:panelGrid>	
				<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" id="idResultado"
					cellpadding="5" styleClass="bordePanel" columns="1" width="99%">
					<f:facet name="header">
						<h:outputText value="Resultados" />
					</f:facet>
					<p:dataTable id="idtablaClientesDesbalanceado" var="fila" value="#{clienteDesbalanceadoController.clienteDesbalanceadoModel.listaConsultaGeneral}"
								 emptyMessage="No hay resultados."
								 paginator="true" rows="10" rowIndexVar="rowIndex"
								 rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
								 
						<p:column styleClass="columnCenter" rendered="#{clienteDesbalanceadoController.clienteDesbalanceadoModel.codigoAsesor == 0}" >
							<f:facet name="header">
								<h:outputText value="Asesor" />
							</f:facet>
							<h:outputText value="#{fila.nombreAsesor}" />
						</p:column>
								 
		            	<p:column headerText="Nombre Cliente">  
				            <h:outputText value="#{fila.nombreCliente}" />  
				        </p:column>
				        
		            	<p:column headerText="Tipo Doc.">  
				            <h:outputText value="#{fila.destipdoc}" />  
				        </p:column>
				        
		            	<p:column headerText="Nro. Doc.">  
				            <h:outputText value="#{fila.nrodoc}" />  
				        </p:column>
				        
		            	<p:column headerText="Perfil">  
				            <h:outputText value="#{fila.nomPerfil}" />  
				        </p:column>
				        
		            	<p:column headerText="Fec. Perfilado">  
				            <h:outputText value="#{fila.fecPerfilado}" />  
				        </p:column>
				        
		            	<p:column headerText="Fec. Rebalanceo">  
				            <h:outputText value="#{fila.fecRebalanceo}" />  
				        </p:column>
						
						<p:column id="colAsesor">
							<ui:fragment rendered="#{not empty fila.nombreAsesor}" >
								<h:graphicImage id="colAsesorImg" value="/imagenes/iconos/ejecutivos.gif">
									<p:tooltip for="colAsesorImg" value="#{fila.nombreAsesor}"/>
								</h:graphicImage>
							</ui:fragment>
						</p:column>
						
						<p:column id="colDetalle" width="20">
				         	<p:commandButton id="idBtnDetalle" icon="ui-icon-pencil" title="Detalle" update=":dlgDetalleCliente" 
				         					  oncomplete="wgdDetalleCliente.show()" actionListener="#{clienteDesbalanceadoController.detalleCliente(fila)}" />
				         	<p:tooltip for="idBtnDetalle" value="Detalle"/> 
                    	</p:column>
					</p:dataTable>			 
				</h:panelGrid>	
			</h:panelGrid>
			<p:blockUI block=":formPrincipal:idContentMain" trigger=":formPrincipal:btnBuscar,idtablaClientesDesbalanceado:idBtnDetalle">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Cargando..." style="white-space: nowrap;" />
				</h:panelGrid>
			</p:blockUI>
		</ui:define>
		<ui:define name="extraarea">
			<p:dialog id="dlgDetalleCliente"  header="Detalle Cliente Desbalanceado" widgetVar="wgdDetalleCliente" 
	                  modal="true" dynamic="true" width="580">
	        	<h:form id="formDetalleCliente">
					<p:dataTable id="idTablaDetalleCliente" var="fila" value="#{clienteDesbalanceadoController.clienteDesbalanceadoModel.listaConsultaDetalle}"
								 emptyMessage="No hay resultados."
								 paginator="true" rows="10" rowIndexVar="rowIndex"
								 rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
						<p:columnGroup type="header">
							<p:row>
								<p:column headerText="Categoría de Activo"/>
								<p:column headerText="Monto Actual"/>
								<p:column headerText="Actual (%)"/>
								<p:column headerText="Ideal (%)"/>
								<p:column headerText="Diferencia (%)"/>
								<p:column headerText="Desviación (%)"/>
							</p:row>
						</p:columnGroup>
						<p:column>  
				            <h:outputText value="#{fila.descripcioncatactivo}" />  
				        </p:column>
						<p:column styleClass="styleAlignRightColumn">  
				            <h:outputText value="#{fila.montoActualDolarizado}" />  
				        </p:column>
						<p:column styleClass="styleAlignRightColumn">  
				            <h:outputText value="#{fila.pesoActual}%" />  
				        </p:column>
						<p:column styleClass="styleAlignRightColumn">  
				            <h:outputText value="#{fila.pesoIdeal}%" />  
				        </p:column>
						<p:column styleClass="styleAlignRightColumn">  
				            <h:outputText value="#{fila.pesoDiferencia}%" />  
				        </p:column>
						<p:column styleClass="styleAlignRightColumn">  
				            <h:outputText value="#{fila.pesoDesviacion}%" />  
				        </p:column>
					</p:dataTable>			 
	        	</h:form>
	        </p:dialog>	
		</ui:define>
	</ui:composition>
</html>	
		